
// 6.6.4	计算视频播放的总时长
var video = $("video").get(0); 
function formatTime(time) {
    var h = Math.floor(time / 3600);
    var m = Math.floor(time % 3600 / 60);
    var s = Math.floor(time % 60);
    return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s);

}
video.oncanplay = function () { 
    $("video").show(); 

    var totalTime = formatTime(video.duration);
    $(".total").html(totalTime);
}

// 6.6.5	实现视频播放和暂停效果
$(".switch").on("click", function () {
    if ($(this).hasClass("fa-play")) {
        video.play(); 

        $(this).addClass('fa-pause').removeClass("fa-play"); 
    } else { 
        video.pause(); 

        $(this).addClass("fa-play").removeClass('fa-pause'); 

    }
})


// 6.6.11	使用按键控制视频的播放和暂停
$(document).keypress(function (event) {
    var code = (event.keyCode ? event.keyCode : event.which);
    if (video != "" && (code == 13 || code == 32)) {
        if (video.paused) {
            video.play();
            $('.switch').addClass('fa-pause').removeClass("fa-play");
        } else {
            video.pause();
            $('.switch').addClass('fa-play').removeClass("fa-pause");
        }
    }
});


// 6.6.6    实现进度条显示效果时
video.ontimeupdate = function () {
    var w = video.currentTime / video.duration * 100 + "%";
    $(".line").css("width", w);
    $(".current").html(formatTime(video.currentTime));
}
//  6.6.7	实现视频全屏显示效果
$(".expand").on("click", function () {
    // 
    if ($(this).hasClass("fa-arrows-alt")) {

        $(".player").get(0).requestFullscreen(); // 让视频全屏显示   
        $(this).addClass('fa-compress').removeClass("fa-arrows-alt");

    } else {
        document.exitFullscreen();
        $(this).addClass("fa-arrows-alt").removeClass('fa-compress');
    }
})

// 6.6.10	使用Esc键退出全屏
function checkFull() {
    var isFull = document.webkitIsFullScreen;
    if (isFull === undefined) {
        isFull = false;
    }
    return isFull;
}
$(window).resize(function () {
    if (!checkFull()) { 
        $('.expand').addClass("fa-arrows-alt").removeClass('fa-compress')
    }
});

// 6.6.8	实现视频播放完成后的重置操作
video.onended = function () {
    video.currentTime = 0;
    $(".switch").addClass("fa-play").removeClass('fa-pause');
}

// 6.6.9	实现单击进度条视频跳转效果 
$(".bar").on("click", function (event) {
    var offset = event.offsetX;
    var current = offset / $(this).width() * video.duration;
    video.currentTime = current;
})